@charset "UTF-8";

/*通用*/
body { font-family: 微软雅黑; }

/*图片放大*/
.scale_img img, .scale_img1 dl img, .scale_img2 li img { -o-transition: all 2s linear 0s; transition: all 2s linear 0s; }
.scale_img:hover img, .scale_img1 dl:hover img, .scale_img2 li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0); }

/*标题*/
h2 { text-align: center; background: url(../images/t_t2.png) no-repeat center center; height: 94px; font-weight: normal; }
h2 a { display: block; font-size: 36px; color: #1A1A1A; line-height: 100%; padding: 28px 0 13px; }
h2 span { display: block; font-family: CenturyGothic; font-size: 16px; line-height: 100%; text-transform: uppercase; color: #808080; font-weight: 100; }
h2 a:hover { color: #1A1A1A; }

/*-----*/
.content { width: 1200px; margin: 0 auto; }

/*广告*/
.banner { min-width: 1200px;width:100%; position: relative; height: 554px; overflow: hidden; z-index: 2; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd ul { width: 100% !important; }
.banner .bd li { width: 100% !important; height: 554px; overflow: hidden; text-align: center; position: relative; }
.banner .bd li a { display: block; height: 554px; }
.banner .bd li img { position: absolute; left: 50%; margin-left: -960px; top: 0; }
.banner p { position: absolute; top: 50%; width: 80px; height: 80px; z-index: 9; opacity: 1; text-align: center; margin-top: -40px; }
.banner .prev { left: 3%; }
.banner .next { right: 3%; }
                
/*晓松特色*/
.intro { padding: 0px 0 80px; }
.intro h2 { background-image: url(../images/t_t1.png); }
.intro ul { overflow: hidden; margin-top: 40px; }
.intro ul li { width: 286px; float: left; margin-right: 18px; text-align: center; position: relative; line-height: 0; }
.intro ul li img { width: 286px; height: 230px; border-radius: 3px; }
.intro ul li h4 { font-size: 22px; color: #595959; line-height: 100%; font-weight: normal; margin-top: 18px; }
.intro ul li span { z-index: -1; position: absolute; width: 286px; height: 0; background: rgba(0, 0, 0, 0.6); border-radius: 3px; top: 0; left: 0; padding: 0 33px; box-sizing: border-box; color: #fff; line-height: 28px; font-size: 14px; transition: .3s; }
.intro ul li:last-child { margin-right: 0; }
.intro ul li:hover span { padding-top: 60px; height: 230px; z-index: 2; }

/*产品直通车*/
.product { padding: 80px 0 65px; background: url(../images/bg.png); }
.pro_con { width: 1082px; margin: 0 auto; margin-top: 46px; }
.pro_con h3 a { display: block; font-size: 28px; color: #333; line-height: 100%; padding-right: 16px; text-align: right; position: relative; }
.pro_con h3 i { color: #666; font-weight: normal; }
.pro_con h3 a:after { position: absolute; content: ""; width: 3px; height: 25px; background: #005BAC; top: 3px; left: 99.7%; }
.pro_con p.info { width: 512px; height: 70px; border: 1px solid #DCDCDC; margin: 20px 0 50px 571px; box-sizing: border-box; font-size: 14px; line-height: 24px; color: #666; text-align: left; padding: 12px 25px 0 40px; }
.pro_con p.pro { width: 517px; height: 628px; position: relative; float: left; margin-top: -120px; overflow: hidden; }
.pro_con p.pro img { width: 517px; height: 628px; }
.pro_con p.pro span { position: absolute; display: block; width: 58px; height: 80px; top: 0; left: 20px; font-size: 18px; font-weight: bold; color: #fff; line-height: 23px; text-align: center; padding: 13px 10px; box-sizing: border-box; background: url(../images/p_hot.png) no-repeat center top; }
.pro_con ul { width: 550px; float: right; }
.pro_con ul li {width: 260px;float: left;margin-left: 15px;position: relative;text-align: center;margin-bottom: 15px;line-height: 0;border: 1px solid #E8E8E8;box-sizing: border-box;overflow: hidden;}
.pro_con ul li img {max-width: 100%;/* box-sizing: border-box; *//* border: 1px solid #E8E8E8; */}
.pro_con ul li h4 {position: absolute;width: 258px;font-size: 16px;line-height: 44px;bottom: 0;color: #fff;font-weight: normal;transition: .3s;background: rgba(0,0,0,.5);left: 1px;}
.pro_con ul li h4 em {/* color: #1A1A1A; *//* font-weight: bold; */}
.pro_con ul li i { display: block; position: absolute; top: 20px; left: 0; border: 1px solid rgba(0, 91, 172, 0.3); border-radius: 0px 14px 15px 0px; border-left: none; font-size: 14px; color: #005BAC; line-height: 28px; width: 90px; height: 28px; font-weight: bold; transition: .3s; }
.pro_con ul li:hover h4 {line-height: 60px;}
.pro_con ul li:hover i { top: 30px; }
.pro_con .app { width: 477px; float: left; margin-top: 31px; margin-left: 25px; }
.pro_con .app h4 { font-size: 22px; color: #1A1A1A; line-height: 100%; font-weight: normal; }
.pro_con .app p { font-size: 14px; line-height: 24px; color: #666; margin: 14px 0; }
.pro_con .app i { display: block; width: 62px; height: 23px; background: #fff; border: 2px solid #005BAC; border-radius: 11px; box-sizing: border-box; text-align: center; transition: .3s; }
.pro_con .app i img { vertical-align: super; }
.pro_con .app:hover i { width: 80px; }

/*真空包装机系列*/
.pro_con1 { margin-top: 70px; }
.pro_con1 h3 a { text-align: left; padding-left: 16px; }
.pro_con1 h3 a:after { left: 0; }
.pro_con1 p.info { margin-left: 0; padding: 12px 22px 0 30px; text-align: left; }
.pro_con1 p.pro { float: right; height: 648px; }
.pro_con1 p.pro img { height: 648px; }
.pro_con1 ul { float: left; }
.pro_con1 ul li { margin-left: 0; margin-right: 15px; }
.pro_con1 .app { margin-top: 16px; margin-left: 0; }
.pro_nav { overflow: hidden; width: 1082px; clear: both; margin: 70px auto 90px; }
.pro_nav h3 { width: 200px; height: 266px; float: left; background: url(../images/pro_nav.jpg) no-repeat; font-size: 24px; }
.pro_nav h3 a { display: block; color: #fff; line-height: 100%; padding: 112px 0; text-align: center; }
.pro_nav h3 span { display: block; color: rgba(255, 255, 255, 0.5); font-family: Arial; font-weight: normal; font-size: 12px; line-height: 100%; padding-top: 10px; text-transform: uppercase; }
.pro_nav ul { width: 882px; height: 266px; float: left; border: 1px solid #DCDCDC; border-left: none; padding: 22px 54px 0 48px; box-sizing: border-box; }
.pro_nav ul li { height: 54px; line-height: 54px; border-bottom: 1px dashed rgba(0, 0, 0, 0.15); }
.pro_nav ul li a { display: inline-block; font-size: 16px; color: #1A1A1A; padding-right: 34px; }
.pro_nav ul li a:first-child { padding-right: 31px; margin-right: 24px; position: relative; font-weight: bold; }
.pro_nav ul li a:first-child:after { position: absolute; content: ""; width: 1px; height: 18px; background: #DBDBDB; top: 17px; right: 0; }
.pro_nav ul li:last-child { border-bottom: none; }
.pro_nav ul li a:hover { color: #005BAC; }

/*客户案例*/
.case { background: url(../images/bg.png); padding: 80px 0 65px; }
.cases { margin-top: 49px; background: #fff; position: relative; }
.cases .tempWrap { padding-right: 26px !important; }
.cases dl { width: 365px; float: left; margin: 25px 0 25px 26px; background: #fff; line-height: 0; text-align: center; }
.cases dl dt { width: 365px; height: 273px; overflow: hidden; }
.cases dl img { width: 365px; height: 273px; }
.cases dl dd { width: 365px; height: 188px; padding: 39px 31px; box-sizing: border-box; }
.cases dl dd h4 { font-size: 22px; color: #1A1A1A; line-height: 100%; margin-bottom: 20px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cases dl dd p { font-size: 14px; line-height: 24px; color: #666; }
.cases dl.cur { box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.07); }
.cases dl:hover dd h4 { font-weight: bold; }
.switch i { position: absolute; padding: 32px; top: 217px; cursor: pointer; }
.switch i img { filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: .5; transition: .3s; }
.switch .prev { left: -96px; }
.switch .next { right: -96px; }
.switch i:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1; }

/*走近现场*/
.site_con { margin: 40px auto 90px; position: relative; width: 1145px; height: 490px; }
.site_con li { position: relative; line-height: 0; width: 1145px; height: 490px; overflow: hidden; }
.site_con li .info { width: 390px; height: 218px; background: rgba(255, 255, 255, 0.93); position: absolute; top: 148px; right: 0; padding: 51px 45px 0 37px; box-sizing: border-box; }
.site_con li .info h4 { font-size: 24px; color: #333; line-height: 100%; margin-bottom: 23px; font-weight: normal; }
.site_con li .info p { color: #666; font-size: 14px; line-height: 26px; }
.site_con .switch i { top: 183px; }
.site_con .switch .prev { left: -124px; }
.site_con .switch .next { right: -124px; }

/*新闻资讯*/
.news { background: #F5F8FA; border: 1px solid #E6EAED; padding-top: 79px; padding-bottom: 64px; }
.news h2 { margin-bottom: 53px; }
.news li:before { position: absolute; content: ""; width: 5px; height: 5px; background: #333; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); left: -25px; top: 19px; }
.news li:hover:before { background: #005BAC; }
.c_news { width: 725px; float: left; }
.c_news dl dt { width: 60px; height: 30px; background: #005BAC; font-size: 20px; color: #fff; line-height: 30px; text-align: center; float: left; }
.c_news dl dd { width: 654px; float: right; }
.c_news dl dd h4 { font-size: 22px; color: #262626; line-height: 100%; padding-top: 4px; font-weight: normal; }
.c_news dl dd p { font-size: 14px; line-height: 24px; color: #808080; margin: 19px 0 28px; }
.c_news dl:hover dd h4 { color: #005BAC; }
.c_news ul { clear: both; }
.c_news ul li { position: relative; margin-left: 25px; line-height: 44px; clear: both; border-bottom: 1px dashed rgba(3, 0, 0, 0.2); width: 700px; height: 44px; }
.c_news ul span { font-size: 16px; float: left; width: 500px; display: inline-block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c_news ul i { display: inline-block; font-size: 14px; color: #999; float: right; }
.c_news ul li:last-child { border-bottom: none; }
.c_news ul li:hover span, .c_news ul li:hover i { color: #005BAC; }
.faq { width: 397px; float: right; }
.faq h3 a { font-size: 26px; font-weight: normal; color: #005BAC; line-height: 100%; }
.faq h3 a.more { font-size: 14px; color: #666; float: right; line-height: 100%; padding-top: 12px; }
.faq dl { margin-top: 24px; }
.faq dl dt { width: 397px; height: 199px; overflow: hidden; line-height: 0; }
.faq dl dt img { width: 397px; height: 199px; }
.faq dl dd h4 { font-size: 18px; color: #262626; line-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; margin: 25px 0 15px; }
.faq dl dd p { font-size: 14px; color: #808080; line-height: 100%; margin-bottom: 17px; }
.faq dl:hover dd h4 { color: #005BAC; }
.faq ul { height: 66px; overflow: hidden; }
.faq ul li { position: relative; margin-left: 20px; }
.faq ul li a { font-size: 16px; color: #333; line-height: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.faq ul li:before { top: 14px; left: -19px; }
.faq ul li:hover a { color: #005BAC; }

/*关于晓松*/
.about { background: url(../images/about_bg.jpg) no-repeat center top; padding-top: 80px; height: 765px; }
.about h2 { background-image: url(../images/t_t3.png); }
.about dd { width: 966px; margin: 34px auto 24px; font-size: 14px; line-height: 27px; text-align: center; color: #4D4D4D; }
.about dt { width: 1082px; height: 580px; border: 3px solid #fff; box-sizing: border-box; margin: 0 auto; }
.about dt img { width: 1076px; height: 574px; }
.about dt i { display: block; width: 150px; height: 36px; background: #005bac; border: 1px solid rgba(255, 255, 255, 0.23); border-radius: 18px; box-sizing: border-box; font-size: 14px; color: #fff; text-align: center; line-height: 36px; position: relative; z-index: 2; margin: -21px auto 0; transition: .3s; }
.about dt i:hover { width: 180px; }

/*底部*/
.links { border-top: 1px solid #292929; background: #19191A; height: 65px; }
.links em { font-size: 14px; color: #808080; display: inline-block; line-height: 56px; font-weight: bold; }
.links a { font-size: 14px; line-height: 56px; color: #808080; display: inline-block; margin-left: 44px; }
.links a:hover { color: #fff; }

/**/
@keyframes myfirst {
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-moz-keyframes myfirst

/* Firefox */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-webkit-keyframes myfirst

/* Safari and Chrome */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-o-keyframes myfirst

/* Opera */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}